@import './normalize.css';
@import './theme/light.scss';
@import './theme/dark.scss';
// 暂取消
// @import './nprogress.css';

// 公共变量
:root {
  // 最大宽度
  --ex-max-width: 100%;
  /* 白色 */
  --ex-white: #fff;
  /* 黑色 */
  --ex-black: #000;
}

@media (min-width: 640px) {
  // pc
  :root {
    /* 最大宽度 */
    --ex-max-width: 375px;
  }

  // 滚动条
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: transparent;
  }

  ::-webkit-scrollbar-thumb {
    display: block;
    min-height: 4px;
    min-width: 4px;
    border-radius: 6px;
    background-color: rgb(217, 217, 217);
  }

  ::-webkit-scrollbar-thumb:hover {
    display: block;
    min-height: 4px;
    min-width: 4px;
    border-radius: 6px;
    background-color: rgb(159, 159, 159);
  }
}

@media (max-width: 640px) {
  :root {
    /* 最大宽度 */
    --ex-max-width: 100%;
  }
}
* {
  line-height: 1.2;
  user-select: none;
  user-drag: none;
}

textarea {
  user-select: text;
}

input {
  user-select: text;
  background: var(--ex-default-background-color);
}

body,
html {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: var(--ex-default-background-color);
  color: var(--ex-default-font-color);
  font-family: Arial, sans-serif;
}
p,
span,
div {
  font-family: Arial, sans-serif;
  // font-size: 14px;
  // color: #333;
}
#app {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  max-width: var(--ex-max-width);
  // box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
}

img {
  object-fit: contain;
}

// 引入字体
@font-face {
  font-family: 'Arial';
  src: url('/resource/fonts/Arial.ttf');
  font-display: auto;
}

// 引入字体
@font-face {
  font-family: 'RZRX';
  src: url('/resource/fonts/RZRX.ttf');
  font-display: auto;
}

// 引入字体
@font-face {
  font-family: 'DINOT-Regular';
  src: url('/resource/fonts/DINOT-Regular.ttf');
  font-display: auto;
}

// 引入字体
@font-face {
  font-family: 'DINOT-Medium';
  src: url('/resource/fonts/DINOT-Medium.otf') format('opentype');
  font-display: auto;
}

.fw-bold {
  font-family: PingFang SC-Bold, PingFang SC;
  font-weight: bold;
}

.ff-num {
  font-family: 'DINOT-Regular';

  > * {
    font-family: 'DINOT-Regular';
  }
}

.fw-num {
  font-family: 'DINOT-Medium' !important;
  > * {
    font-family: 'DINOT-Medium' !important;
  }
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.text-ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; //多行在这里修改数字即可
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-box-orient: vertical;
}
.columnFlex {
  display: flex;
  flex-direction: column;
}

.listBoxMax {
  max-height: 70vh;
  overflow: auto;
}


input:-webkit-autofill {
  -webkit-box-shadow: 0 0 3px 100px #fff inset; // 改变填充背景色
}
// 取消状态是number 的上下箭头
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
